@import url('https://fonts.googleapis.com/css2?family=Kalnia+Glaze:wght@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Hand:wght@400..700&family=Kalnia+Glaze:wght@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Hand:wght@400..700&family=Kalnia+Glaze:wght@100..700&family=Playwrite+BE+VLG:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+AR:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body {                                
  background-color: rgb(175, 156, 156);
  border: 2px solid black;
  padding-left: 10px;
  padding-right: 10px;
}

.Hi {
  font-family: "Kalnia Glaze", serif;
  color: blue;
  text-align: center;
}

.try {
  color: rgb(109, 9, 9);
  font-family: "Edu AU VIC WA NT Hand", cursive;
}

.chathu {
  font-family: "Playwrite BE VLG", cursive;
  font-size: 150%;
}

.song {
  border: 2.5px solid rgb(21, 22, 21);
  border-radius: 25px;
  text-align: center;
  padding-bottom: 10px;
  margin: auto;
  width: 250px;
  background-color: black;
  color: white;
}

.wbp {
  color: rgb(30, 86, 96);
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 200%;
}

.main {
  border: 2.5px solid red;
  margin-top: 20px;
  margin-bottom: 20px;
  background-image: url(Images/sakura.jpg);
  margin-left: 10px;
  margin-right: 10px;
}

.Players {
  font-size: 120%;
  font-family: "Playwrite BE VLG", cursive;
  color: rgb(130, 0, 69);
}

.fpp {
  font-family: "Playwrite AR", cursive;
  color: rgb(32, 32, 32);
  font-size: 120%;
  color: blue;
}

.Follow {
  border-radius: 5px;
  border-color: orangered;
  color: white;
  background-color: black;
  margin-bottom: 5px;
}

.date {
  border-radius: 5px;
  border-color: orangered;
  margin-bottom: 5px;
  color: white;
  background-color: black;
}
.time {
  border-radius: 5px;
  border-color: orangered;
  margin-bottom: 5px;
  color: white;
  background-color: black;
}

.alwis {
  margin: 5px;
  border-radius: 5px;
  border-color: orangered;
  color: white;
  background-color: black;
}

#bcode {
  border-radius: 5px;
  border-color: orangered;
  color: white;
  background-color: black;
}

.calcu {
  border-radius: 5px;
  border-color: orangered;
  color: white;
  background-color: black;
}

.adname {
  border-radius: 5px;
  border-color: orangered;
  color: white;
  background-color: black;
}

.ennum {
  border-radius: 5px;
  border-color: orangered;
  color: white;
  background-color: black;
}

.enage {
  border-radius: 5px;
  border-color: orangered;
  color: white;
  background-color: black;
}

.Times {
  text-align: center;
}

.addnum {
  text-align: center;
  border: 2px solid palevioletred;
  margin: auto;
  width: 450px;
  margin-bottom: 5px;
  background-color: black;
}

.validation {
  text-align: center;
  border: 2px solid rgb(0, 208, 255);
  margin: auto;
  width: 450px;
  margin-bottom: 5px;
  background-color: black;
}

.pfp {
  text-align: center;
  border: 2px solid red;
  margin: auto;
  width: 450px;
  margin-bottom: 5px;
  background-color: black;
}

.wdate {
  text-align: center;
  border: 2px solid yellow;
  margin: auto;
  width: 450px;
  margin-bottom: 5px;
  background-color: black;
}

.wtime {
  text-align: center;
  border: 2px solid green;
  margin: auto;
  width: 450px;
  margin-bottom: 5px;
  background-color: black;
}

.name {
  text-align: center;
  border: 2px solid blue;
  margin: auto;
  width: 450px;
  margin-bottom: 5px;
  background-color: black;
}

.brcode {
  text-align: center;
  border: 2px solid brown;
  margin: auto;
  width: 450px;
  margin-bottom: 5px;
  background-color: black;
}

.addname {
  text-align: center;
  border: 2px solid rgb(0, 255, 17);
  margin: auto;
  width: 450px;
  margin-bottom: 5px;
  background-color: black;
}

.job {
  text-align: center;
  border: 2px solid greenyellow ;
  margin: auto;
  width: 450px;
  background-color: black;
}

.classbyclass {
  text-align: center;
  color: blue;
}

.Colification {
  color: orangered;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.submitclass {
  border: 1.5px solid red;
  font-size: 15px;
  border-radius: 5px;
  color: white;
  background-color: black;
}

.buttonclass {
  margin-bottom: 5px;
}

.mainclass {
  border: 2px solid green;
  padding-left: 15px;
  background-color: black;
  margin: 5px;
}